<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

    <link href="./index.css" rel="stylesheet" type="text/css">
    <title>video</title>
</head>
<body>
<nav>nav</nav>
<div class="video">
    <video src="mv/fun.mp4" controls currentTime="3">
        你的浏览器不支持
    </video>
    <button class="play">play</button>
    <button class="pause">pause</button>
</div>
<p> this is some message</p>

</body>
</html>

<script>
    var play=document.querySelector(".video .play");
    console.log(play);
    play.onclick=function(){
        document.querySelector(".video video").play();
    };
    document.querySelector(".video .pause").onclick=function(){
        document.querySelector(".video video").pause();
    }

</script>